<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>


<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title">培训经历</h4>
</div>

<div class="modal-body">
    <div class="form-horizontal row">
        <form id="form_data">
            <div id="div_error" class="col-sm-12"></div>
            <input type="hidden" id="expertId" name="expertId" value="${data.expertId}">
            <input type="hidden" id="id" name="id" value="${data.id}">
            <div class="form-group col-sm-6">
                <label class="col-sm-4 control-label">开始时间：</label>
                <div class="col-sm-6">
                    <div class="input-group date form_date timeInput" >
                                                <span class="input-group-addon"><span
                                                        class="glyphicon glyphicon-calendar"></span></span>
                        <input class="form-control" type="text" name="startTime" value="<fmt:formatDate value="${data.startTime}" pattern="yyyy-MM-dd"/>" readonly>
                    </div>
                </div>
            </div>
            <div class="form-group col-sm-6">
                <label class="col-sm-4 control-label">结束时间：</label>
                <div class="col-sm-6">
                    <div class="input-group date form_date timeInput" >
                                                <span class="input-group-addon"><span
                                                        class="glyphicon glyphicon-calendar"></span></span>
                        <input class="form-control" type="text" name="endTime" value="<fmt:formatDate value="${data.endTime}" pattern="yyyy-MM-dd"/>" readonly>
                    </div>
                </div>
            </div>



            <div class="form-group col-sm-6">
                <label class="col-sm-4 control-label">培训名称：</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control"  name="name" value="${data.name}">
                </div>
            </div>

            <div class="form-group col-sm-6">
                <label class="control-label col-sm-4">培训地址：</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control"  name="address" value="${data.address}">
                </div>
            </div>

            <div class="form-group col-sm-6">
                <label class="col-sm-4 control-label">签到情况：</label>
                <div class="col-sm-6">
                    <select class="form-control" id="signState" name="signState">
                        <option value="">&nbsp;</option>
                    </select>
                </div>
            </div>

            <div id="reason_group" style="display: none" class="form-group col-sm-6">
                <label class="col-sm-4 control-label">请假事由：</label>
                <div class="col-sm-6">
                    <select class="form-control" id="reason" name="reason">
                        <option value="">&nbsp;</option>
                    </select>
                </div>
            </div>
            
            <div class="form-group col-sm-6">
                <div class="col-sm-6 col-sm-offset-4">
                    <button type="submit"
                            class="btn btn-default btn-success"><span
                            class="glyphicon glyphicon-ok"></span>&nbsp;确&nbsp;定&nbsp;
                    </button>
                </div>
            </div>

        </form>
    </div>


</div>


<script>




    $.sysPlugin.initSelect2($("#signState"), {
        data: $.sysPlugin.enumeration.signState,
        value: '${data.signState}'
    });

    if ('${data.signState}'==0){
        $("#reason_group").css({'display': ''});
    }

    $.sysPlugin.initSelect2($("#reason"), {
        url: 'dictionary/publicOpen/leaveReason',
        value: '${data.reason}'
    });


    $("#signState").change(function () {
        if ($(this).children('option:selected').val() == '1') {
            $("#reason_group").css({'display': 'none'});
        } else {
            $("#reason_group").css({'display': ''});
        }
    });

    <%--bootstrapValidator--%>
    $form_data=$("#form_data");
    $form_data.bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            address: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    }
                }
            },
            name: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    }
                }
            }, signState: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    }
                }
            }, reason: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    }
                }
            },
            startTime: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    }, callback: {
                        callback: function (value, validator) {
                            var var_endTime = $("#form_data").find("input[name='endTime']").val();
                            if (value != '' && var_endTime != '') {
                                if ((new Date(value)).getTime() > (new Date(var_endTime)).getTime()) {
                                    return {
                                        valid: false,
                                        message: '开始时间不能大于结束时间'
                                    }
                                }
                            }
                            return true;
                        }
                    }
                }
            },
            endTime: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    },
                    callback: {
                        callback: function (value, validator) {
                            var var_startTime = $("#form_data").find("input[name='startTime']").val();
                            if (value != '' && var_startTime != '') {
                                if ((new Date(value)).getTime() < (new Date(var_startTime)).getTime()) {
                                    return {
                                        valid: false,
                                        message: '结束时间不能小于开始时间'
                                    }
                                }
                            }
                            return true;
                        }
                    }
                }
            }
        }
    }).on('success.form.bv', function (e) {
        e.preventDefault();
        $.sysPlugin.superAjax({
            data:  $(e.target).serialize(),
            url: '${url}',
            operateType: '${operateType}',
            showSuccessAlert: true,
            showWarnAlert: false,
            successCall: function (data) {
                $.sysPlugin.successCallBack(data, {
                    modal: $("#modal_ajax")
                });
                refreshTab($("#tab_expertTrain"));
            },
            errorCall: function (data) {
                $.sysPlugin.errorCallBack(data, {
                    errorAddress: $("#div_error"),
                    form: $form_data
                })
            }
        });

    });

    $.sysPlugin.initDateTimeInput();
</script>





<%--<div class="modal-header">--%>
    <%--<button type="button" class="close" data-dismiss="modal" aria-label="Close">--%>
        <%--<span aria-hidden="true">&times;</span></button>--%>
    <%--<h4 class="modal-title">培训经历</h4>--%>
<%--</div>--%>
<%--<div class="modal-body">--%>
    <%--<div style="max-height: 350px;overflow-y: auto ;margin-top: 10px">--%>
        <%--<div class="form-horizontal row">--%>
            <%--<form id="form_train">--%>
                <%--<div id="div_error" class="col-sm-12"></div>--%>
                <%--<input type="hidden" name="expertFk" value="${expertPk}">--%>
                <%--<input type="hidden" id="trainPk" name="pk" value="${pk}">--%>
                <%--<div class="form-group col-sm-5">--%>
                    <%--<label class="col-sm-5 control-label">开始时间：</label>--%>
                    <%--<div class="col-sm-7">--%>
                        <%--<div class="input-group date form_date timeInput">--%>
                                                <%--<span class="input-group-addon"><span--%>
                                                        <%--class="glyphicon glyphicon-calendar"></span></span>--%>
                            <%--<input class="form-control input-sm" size="16" type="text"--%>
                                   <%--name="startTime" id="train_startTime" value="" readonly>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<div class="form-group col-sm-5">--%>
                    <%--<label class="col-sm-5 control-label">结束时间：</label>--%>
                    <%--<div class="col-sm-7">--%>
                        <%--<div class="input-group date form_date timeInput">--%>
                                                <%--<span class="input-group-addon"><span--%>
                                                        <%--class="glyphicon glyphicon-calendar"></span></span>--%>
                            <%--<input class="form-control input-sm" size="16" type="text"--%>
                                   <%--name="endTime" id="train_endTime" value="" readonly>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<div class="form-group col-sm-5">--%>
                    <%--<label class="control-label col-sm-5">培训名称：</label>--%>
                    <%--<div class="col-sm-7">--%>
                        <%--<input id="train_trainName" type="text" class="form-control  input-sm" name="trainName"--%>
                        <%-->--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<div class="form-group col-sm-5">--%>
                    <%--<label class="control-label col-sm-5">培训地址：</label>--%>
                    <%--<div class="col-sm-7">--%>
                        <%--<input id="train_address" type="text" class="form-control  input-sm" name="address"--%>
                        <%-->--%>
                    <%--</div>--%>
                <%--</div>--%>


                <%--<div class="form-group col-sm-5">--%>
                    <%--<label class="col-sm-5 control-label">签到情况：</label>--%>
                    <%--<div class="col-sm-7">--%>
                        <%--<select id="train_signState" class="form-control input-sm" name="signState">--%>
                            <%--<option value="到">到</option>--%>
                            <%--<option value="未到">未到</option>--%>
                        <%--</select>--%>
                    <%--</div>--%>
                <%--</div>--%>


                <%--<div id="group_train_leaveReason" class="form-group col-sm-5" style="display: none">--%>
                    <%--<label class="col-sm-5 control-label">请假事由：</label>--%>
                    <%--<div class="col-sm-7">--%>
                        <%--<select id="train_leaveReason" class="form-control input-sm" name="selectFk">--%>
                            <%--<option value="">&nbsp;</option>--%>
                            <%--<c:forEach items="${leaveReasonList}" var="i">--%>
                                <%--<option value="${i.pk}">${i.name}</option>--%>
                            <%--</c:forEach>--%>
                        <%--</select>--%>
                    <%--</div>--%>
                <%--</div>--%>


                <%--<div class="form-group col-sm-5">--%>
                    <%--<div class="col-sm-7 col-sm-offset-5">--%>
                        <%--<button type="submit"--%>
                                <%--class="btn btn-default btn-success  btn-sm"><span--%>
                                <%--class="glyphicon glyphicon-ok"></span>&nbsp;确&nbsp;定&nbsp;--%>
                        <%--</button>--%>
                    <%--</div>--%>
                <%--</div>--%>
            <%--</form>--%>
        <%--</div>--%>

    <%--</div>--%>


    <%--<script>--%>
        <%--$("#train_signState").change(function () {--%>
            <%--if ($(this).children('option:selected').val() == '到') {--%>
                <%--$("#group_train_leaveReason").css({'display': 'none'});--%>
            <%--} else {--%>
                <%--$("#group_train_leaveReason").css({'display': ''});--%>
            <%--}--%>
        <%--});--%>

        <%--if ($("#trainPk").val() != '') {--%>
            <%--$.ajax({--%>
                <%--url: '<%=request.getContextPath()%>/baseSet/getTrainByPk',--%>
                <%--data: {'pk': $("#trainPk").val()},--%>
                <%--type: 'get',--%>
                <%--success: function (data) {--%>
                    <%--if (data.status == '1') {--%>
                        <%--var train = data.infos.train;--%>
                        <%--train.endTime = $.myPlugin.int2DateString(train.endTime);--%>
                        <%--train.startTime = $.myPlugin.int2DateString(train.startTime);--%>
                        <%--ObjIntoForm({obj: train, form: $("#form_train")});--%>
                        <%--if (train.signState=='未到'){--%>
                            <%--$("#group_train_leaveReason").css({'display': ''});--%>
                        <%--}--%>
                        <%----%>
                        <%--$('select').trigger('change.select2');--%>
                    <%--}--%>
                <%--}, error: function () {--%>
                    <%--swal("请求超时！");--%>
                <%--}--%>
            <%--});--%>

        <%--}--%>
        <%--;--%>

        <%--$(function () {--%>
            <%--$("select").select2({--%>
                <%--minimumResultsForSearch: Infinity,--%>
                <%--width: '100%'--%>
            <%--});--%>
            <%--$.myPlugin.initDateTimeinput();--%>
        <%--});--%>

        <%--$(function () {--%>
            <%--&lt;%&ndash;bootstrapValidator&ndash;%&gt;--%>
            <%--$("#form_train").bootstrapValidator({--%>
                <%--feedbackIcons: {--%>
                    <%--valid: 'glyphicon glyphicon-ok',--%>
                    <%--invalid: 'glyphicon glyphicon-remove',--%>
                    <%--validating: 'glyphicon glyphicon-refresh'--%>
                <%--},--%>
                <%--fields: {--%>
                    <%--trainName: {--%>
                        <%--validators: {--%>
                            <%--stringLength: {--%>
                                <%--max: 40,--%>
                                <%--message: '内容不能超过40个字符！'--%>
                            <%--},--%>
                            <%--notEmpty: {--%>
                                <%--message: '不能为空！'--%>
                            <%--}--%>
                        <%--}--%>
                    <%--}, address: {--%>
                        <%--validators: {--%>
                            <%--stringLength: {--%>
                                <%--max: 340,--%>
                                <%--message: '内容不能超过340个字符！'--%>
                            <%--},--%>
                            <%--notEmpty: {--%>
                                <%--message: '不能为空！'--%>
                            <%--}--%>
                        <%--}--%>
                    <%--},--%>

                    <%--startTime: {--%>
                        <%--validators: {--%>
                            <%--notEmpty: {--%>
                                <%--message: '不能为空！'--%>
                            <%--}, callback: {--%>
                                <%--callback: function (value, validator) {--%>
                                    <%--var var_endTime = $("#form_train").find("input[name='endTime']").val();--%>
                                    <%--if (value != '' && var_endTime != '') {--%>
                                        <%--if ((new Date(value)).getTime() > (new Date(var_endTime)).getTime()) {--%>

                                            <%--return {--%>
                                                <%--valid: false,--%>
                                                <%--message: '开始时间不能大于结束时间'--%>
                                            <%--}--%>
                                        <%--}--%>
                                    <%--}--%>
                                    <%--return true;--%>
                                <%--}--%>
                            <%--}--%>
                        <%--}--%>
                    <%--},--%>
                    <%--endTime: {--%>
                        <%--validators: {--%>
                            <%--notEmpty: {--%>
                                <%--message: '不能为空！'--%>
                            <%--},--%>
                            <%--callback: {--%>
                                <%--callback: function (value, validator) {--%>
                                    <%--var var_startTime = $("#form_train").find("input[name='startTime']").val();--%>
                                    <%--if (value != '' && var_startTime != '') {--%>
                                        <%--if ((new Date(value)).getTime() < (new Date(var_startTime)).getTime()) {--%>
                                            <%--return {--%>
                                                <%--valid: false,--%>
                                                <%--message: '结束时间不能小于开始时间'--%>
                                            <%--}--%>
                                        <%--}--%>

                                    <%--}--%>
                                    <%--return true;--%>
                                <%--}--%>
                            <%--}--%>
                        <%--}--%>
                    <%--}, signState: {--%>
                        <%--validators: {--%>
                            <%--stringLength: {--%>
                                <%--max: 340,--%>
                                <%--message: '内容不能超过340个字符！'--%>
                            <%--},--%>
                            <%--notEmpty: {--%>
                                <%--message: '不能为空！'--%>
                            <%--}--%>
                        <%--}--%>
                    <%--}, leaveReason: {--%>
                        <%--validators: {--%>
                            <%--stringLength: {--%>
                                <%--max: 340,--%>
                                <%--message: '内容不能超过340个字符！'--%>
                            <%--},--%>
                            <%--notEmpty: {--%>
                                <%--message: '不能为空！'--%>
                            <%--}--%>

                        <%--}--%>
                    <%--}--%>
                <%--}--%>
            <%--}).on('success.form.bv', function (e) {--%>
                <%--e.preventDefault();--%>
                <%--if ($("#trainPk").val() == '') {--%>
                    <%--$.myPlugin.save_object({--%>
                        <%--data: $(e.target).serialize(),--%>
                        <%--errorAddress: $('#div_error'),--%>
                        <%--url:"<%=request.getContextPath()%>/baseSet/addExpertTrain",--%>
                        <%--modal:$("#myModal"),--%>
                        <%--table:$('#table_train'),--%>
                        <%--successTitle:"添加成功!!"--%>
                    <%--});--%>
                <%--} else {--%>
                    <%--$.myPlugin.save_object({--%>
                        <%--data: $(e.target).serialize(),--%>
                        <%--errorAddress: $('#div_error'),--%>
                        <%--url:"<%=request.getContextPath()%>/baseSet/updateExpertTrain",--%>
                        <%--modal:$("#myModal"),--%>
                        <%--table:$('#table_train'),--%>
                        <%--successTitle:"修改成功!!"--%>
                    <%--});--%>
                <%--}--%>
            <%--});--%>
        <%--});--%>
    <%--</script>--%>
    <%--&lt;%&ndash;-证书script结束==========================================================&ndash;%&gt;--%>
